<%@page contentType="text/html; charset=UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>产品信息</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=request.getContextPath()%>/scripts/jqgrid/themes/sand/grid.css" />
<link rel="stylesheet" type="text/css" media="screen"
	href="<%=request.getContextPath()%>/scripts/jqgrid/themes/jqModal.css" />
<script type="text/javascript"
	src="<%=request.getContextPath()%>/scripts/jqgrid/jquery.js"></script>
<script
	src="<%=request.getContextPath()%>/scripts/jqgrid/jquery.jqGrid.js"
	type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/scripts/jqgrid/js/jqModal.js"
	type="text/javascript"></script>
<script src="<%=request.getContextPath()%>/scripts/jqgrid/js/jqDnR.js"
	type="text/javascript"></script>
<script language="javascript">
	var mystr = "<?xml version='1.0' encoding='utf-8'?> <invoices> <rows> <row> <cell>data1</cell> <cell>data2</cell> <cell>data3</cell> <cell>data4</cell> <cell>data5</cell> <cell>data6</cell> </row> </rows> </invoices>";
         jQuery(document).ready(function(){ 
			jQuery("#list").jqGrid({ 
				datatype: 'xmlstring', 
				datastr : mystr,
				colNames:['Inv No','Date', 'Amount','Tax','Total','Notes'], 
				colModel :[
					{name:'invid', index:'invid', width:55}, 
					{name:'invdate', index:'invdate', width:90},
                    {name:'amount', index:'amount', width:80, align:'right'},
					{name:'tax', index:'tax', width:80, align:'right'},
					{name:'total', index:'total', width:80, align:'right'},
					{name:'note', index:'note', width:150, sortable:false} 
				 ], 
				pager: jQuery('#pager'),
				rowNum:10, 
				rowList:[10,20,30], 
				sortname: 'id', 
				sortorder: "desc", 
				viewrecords: true, 
				imgpath: '<%=request.getContextPath()%>/scripts/jqgrid/themes/sand/images', 
				caption: 'My first grid'
				 }); 
			}); 
	</script>
</head>
<body>
<table id="list" class="scroll"></table>
<div id="pager" class="scroll" style="text-align: center;"></div>
</body>
</html>